﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <!--<link href="Content/themes/default/easyui.css" rel="stylesheet" title="default" ID="CSS1" DISABLED />
    <link href="Content/themes/black/easyui.css" rel="stylesheet" title="black" ID="CSS2" DISABLED />
    <link href="Content/themes/metro/easyui.css" rel="stylesheet" title="metro" ID="CSS3" DISABLED />-->
    <link href="Content/themes/bootstrap/easyui.css" rel="stylesheet" title="bootstrap" ID="CSS4" />
    <link href="Content/themes/icon.css" rel="stylesheet" />
    <link href="Content/main.css" rel="stylesheet" />
</head>
<body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height:30px;">
        <!--<div style="float:right;margin-right:5px;">
            Themes：
            <select id="theame" onchange="changeCss(this)">
                <option value="1">默认</option>
                <option value="2">black</option>
                <option value="3">metro</option>
                <option value="4" selected>bootstrap</option>
            </select>
        </div>-->
    </div>
    <div data-options="region:'west',split:true,title:'菜单'" style="width:200px;overflow:hidden;">
        <div id="leftmuen" class="easyui-accordion" style="width:100%;height:100%; overflow:hidden;">

        </div>
    </div>
    <div id="mainPanle" data-options="region:'center'" style="background: #eee; overflow:no-display;">
        <div id="tabs" class="easyui-tabs" fit="true" border="false" style="overflow:hidden;">
            <div title="欢迎使用" style="padding:20px;overflow:hidden;" id="home">

            </div>
        </div>
    </div>

</body>
</html>
<script src="Scripts/jquery-1.11.3.min.js"></script>
<script src="Scripts/jquery.easyui-1.4.3.min.js"></script>
<script src="Scripts/initmenu.js"></script>
<script>
    var _menus = {
        "menus": [
             {
                 "menuid": "1", "icon": "icon-sys", "menuname": "系统管理",
                 "menus": [{ "menuname": "菜单管理", "icon": "icon-nav", "url": "/Home/" },

                         { "menuname": "角色管理", "icon": "icon-role", "url": "/Home/About" },
                         { "menuname": "权限设置", "icon": "icon-set", "url": "" },
                         { "menuname": "系统日志", "icon": "icon-log", "url": "" }
                 ]
             }, {
                 "menuid": "8", "icon": "icon-sys", "menuname": "员工管理",
                 "menus": [{ "menuname": "员工列表", "icon": "icon-nav", "url": "/Home/" },
                     { "menuname": "联系方式", "icon": "icon-nav", "url": "/Home/" },
                         { "menuname": "说明", "icon": "icon-nav", "url": "/Home/About" }
                 ]
             }, {
                 "menuid": "56", "icon": "icon-sys", "menuname": "部门管理",
                 "menus": [{ "menuname": "添加部门", "icon": "icon-nav", "url": "" },
                         { "menuname": "部门列表", "icon": "icon-nav", "url": "" }
                 ]
             }, {
                 "menuid": "28", "icon": "icon-sys", "menuname": "财务管理",
                 "menus": [{ "menuname": "收支分类", "icon": "icon-nav", "url": "" },
                         { "menuname": "报表统计", "icon": "icon-nav", "url": "" },
                         { "menuname": "添加支出", "icon": "icon-nav", "url": "" }
                 ]
             }, {
                 "menuid": "39", "icon": "icon-sys", "menuname": "商城管理",
                 "menus": [{ "menuname": "商品分", "icon": "icon-nav", "url": "" },
                         { "menuname": "商品列表", "icon": "icon-nav", "url": "" },
                         { "menuname": "商品订单", "icon": "icon-nav", "url": "" }
                 ]
             }
        ]
    };
    $(function () {
        //调用initmenu.js里面方法实现 初始化菜单
        InitLeftMenu(_menus);
    });
</script>
